.receive-page {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: absolute;
	background-image: url('https://static.tianwandailian.cn/static/server/newimage/order_bg.png');
	background-repeat: no-repeat;
	background-size: 100%;
	top: 0;
	.top {
		.header {
			padding: 0 32rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.game_tabs {
			margin-top: 8rpx;
			position: relative;
			padding-right: 60rpx;
			padding-left: 10rpx;

			.tabs-box {
				max-width: 95%;
				mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0));
			}
			.toast-img {
				position: absolute;
				right: 20rpx;
				top: 22rpx;
				width: 60rpx;
				height: 60rpx;
			}
		}
	}
	.list-box {
		background-color: #fff;
		border-top-left-radius: 40rpx;
		border-top-right-radius: 40rpx;
		width: 100%;
		display: flex;
		flex-direction: column;
		height: 100%;

		.agent_type {
			display: flex;
			align-items: center;
			margin: 10rpx 32rpx;
			height: 84rpx;
			.agent_type_item {
				background: #f5f5f5;
				border-radius: 40rpx;
				color: #222222;
				font-size: 26rpx;
				padding: 10rpx 28rpx;
				margin-right: 16rpx;
			}
			.active_agent_type {
				font-weight: 600;
				color: #453de7;
				background: rgba(110, 104, 233, 0.1);
			}
		}
		.orderLevel-box {
			padding-bottom: 10rpx;
			padding-left: 30rpx;
			padding-right: 30rpx;
			border-bottom: 1rpx solid #eaeaea;
			background: #ffffff;
			display: grid;
			grid-template-columns: repeat(5, auto);
			align-items: center;
			justify-content: space-between;
			position: relative;
			font-size: 24rpx;
			flex-wrap: nowrap;
			width: calc(100% - 60rpx);

			height: 50rpx;
			.sort {
				display: flex;
				align-items: center;

				.label {
					color: #222222;
				}
				.active-label {
					color: #6e68e9;
				}
				.high_line {
					width: 2rpx;
					height: 26rpx;
					background: #e8e8e8;
					margin-right: 24rpx;
				}
				.down-fill {
					width: 25rpx;
					height: 25rpx;
					display: flex;
					align-items: center;
				}
			}
		}
		.scroll-view {
			flex: 1;
			.receive-order {
				margin: 20rpx 32rpx 0;
				padding-bottom: 20rpx;
				background-color: #fff;
				border-bottom: 1px solid #eaeaea;
				flex-shrink: 0;

				.title-box {
					display: flex;
					align-items: center;

					.title {
						display: -webkit-box;
						-webkit-line-clamp: 2; /* 限制2行 */
						-webkit-box-orient: vertical;
						font-size: 30rpx;
						font-weight: 600;
						color: #222222;
						flex: 1;
						overflow: hidden;
						word-break: break-word; /* 允许单词换行 */
						text-overflow: ellipsis;
					}

					.price {
						color: #ff5c00;
						font-weight: 600;
						font-size: 40rpx;
						margin-left: 32rpx;
						display: flex;
						align-items: center;
					}
				}
				.type {
					background: #8bc923;
					border-radius: 8rpx;
					font-size: 24rpx;
					font-weight: 500;
					color: #ffffff;
					margin-right: 8rpx;
					padding: 4rpx 12rpx;
				}

				.blueType {
					background: #1b6cff;
				}
				.gamesName-box {
					border-radius: 8rpx;
					font-size: 24rpx;
					border: 2rpx solid rgba(110, 104, 233, 0.3);
					margin-left: 8rpx;
					color: #6e68e9;
					padding: 4rpx 12rpx;
				}
				.price-info-box {
					font-size: 28rpx;
					color: #222222;
					margin: 20rpx 0 16rpx 0;
					display: flex;
					align-items: center;
					.cashDeposit {
					}
					.need-strike-through {
						color: #dec7b4;
						background: linear-gradient(90deg, #1f1914, #4e3f2f);
						border-radius: 8rpx;
						padding: 4rpx 8rpx;
						font-size: 20rpx;
						margin-left: 12rpx;
					}
					.high_line {
						width: 2rpx;
						height: 24rpx;
						background: #e8e8e8;
						margin: 0 16rpx;
					}
					.vicariousTime {
					}
				}
				.creatorName {
					font-size: 28rpx;
					color: #222222;
				}
			}
			.isRead {
				.title-box {
					.title {
						color: #ccc;
					}
					// .price {
					// 	color: #ccc;
					// }
				}
				// .type,
				// .blueType {
				// 	background-color: #ccc;
				// }
				// .gamesName-box {
				// 	color: #ccc !important;
				// 	border-color: #ccc !important;
				// }
				// .cashDeposit,
				// .vicariousTime,
				// .creatorName {
				// 	color: #ccc !important;
				// }
			}
		}
	}
}
